<!DOCTYPE html>
<html lang="en"
      xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.thymeleaf.org"
      layout:decorator="layout/m_master">

<div layout:fragment="content">
    <input type="hidden" value="notice" id="filedir">
    <div class="page-group">
        <div class="page page_notice_index">
            <div th:replace="layout/m_layout::title('系统消息')"></div>

            <div class="page-content">

                <link href="/m/css/bottlecms-dialogue.css" rel="stylesheet"/>
                <style type="text/css">
                    .page_chat_show .js_imagebtn {
                        pointer-events: none;
                    }
                </style>
                <section>
                    <input name="user_obj" type="hidden"
                           th:value="${userObj}"/>
                    <input name="target_obj" type="hidden"
                           th:value="${targetObj}"/>
                    <div class="bcui-dialogue">
                        <div class="dialogue-main">
                            <div class="MessageHistory _cp">
                                <i class="ico-history">
                                </i>
                                查看更多消息
                            </div>
                            <ul class="chatList chat_list" id="chat_list">
                            </ul>
                        </div>
                        <div class="dialogue-send">
                            <div class="dialogue-speak">
                                <form>
                                    <div class="talkbox">
                                        <textarea class="talk_area" id="talk_area"></textarea>
                                        <span class="provide hide" id="provide">
                                        6/240字
                                    </span>
                                    </div>
                                    <div class="btnbox">
                                        <div class="d-btn js_emoticonbtn">
                                            <i class="icon-emoticon">
                                            </i>
                                        </div>
                                        <div class="d-btn js_morebtn">
                                            <i class="icon-more">
                                            </i>
                                        </div>
                                        <div class="d-btn sendbtn js_sendbtn _cp">
                                        <span>
                                            发送
                                        </span>
                                        </div>
                                    </div>
                                </form>
                            </div>
                            <div class="dialogue-tool">
                                <div class="item image">
                                    <div class="_cp js_imagebtn bcui-upload-box" id="js_imagebtn">
                                        <div class="icon">
                                            <i class="icon-bottlecms-31"></i>
                                        </div>
                                        <div class="tit">
                                            图片
                                        </div>
                                        <input type="file" class="js-uppic" accept="image/*"/>
                                    </div>
                                </div>
                                <div class="item video">
                                    <div class="_cp js_videobtn bcui-upload-box" id="js_videobtn">
                                        <div class="icon">
                                            <i class="icon-bottlecms-14">
                                            </i>
                                        </div>
                                        <div class="tit">
                                            视频
                                        </div>
                                        <input type="file" class="js-upvideo" accept="video/*"/>
                                    </div>
                                </div>
                                <div class="item gift">
                                    <div class="_cp js_giftbtn" id="js_giftbtn">
                                        <div class="icon">
                                            <i class="icon-bottlecms-82"></i>
                                        </div>
                                        <div class="tit">
                                            礼物
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="dialogue-emot _shadow">
                                <ul class="emotbox js_emotbox">
                                </ul>
                            </div>
                        </div>
                    </div>
                </section>
            </div>
        </div>
    </div>
    <div th:replace="layout/m_layout::systemJs"></div>
    <script id="javascript-bottlecms" src="/m/js/dialogue.js" type="text/javascript"></script>
    <script type="text/javascript" src="/m/js/center/notice.js"></script>
</div>
</html>
